/* 项目私有样式 */

// 修改左边导航选中菜单样式
.sidebar-box .el-menu--inline .is-active {
	background-image: linear-gradient(135deg, #0c4189, #217ed2) !important;
	position: relative;
	&::after {
		height: 100%;
		width: 4px;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		background-color: #07f4dd;
		content: '';
	}
}
.sidebar-box .el-menu--inline {
	background-color: #0c2654;
}
/* 更改输入框的 placeholder 文本颜色 */
input::placeholder,
textarea::placeholder {
  color: #bdbdbd;
}

.border-solid {
	border: 1px solid #1c2b5f;
}

.bg-tm {
	background-color: rgba(22,61,119,0.24);
}

// 自定义表格样式
.headerRowClassName th {
	background-image: linear-gradient(180deg, #0c4189, #1b6dbe);
	color: #ffffff;
	border-bottom: none !important;
	
	.el-checkbox__inner{
		--el-checkbox-bg-color: transparent !important;
	}
}

.cellClassName {
	background-color: rgba(0,0,0,0) !important;
	color: #fff;
	border-bottom: none !important;
}

@media screen and (max-width: 2560px) {
   .headerRowClassName th {
		font-size: 16px;
   }
   .cellClassName {
		font-size: 16px;
   }
}

@media screen and (max-width: 1920px) {
	.headerRowClassName th {
			font-size: 12px;
	}
	.cellClassName {
			font-size: 12px;
	}
}

.rowClassName {
	background-color: rgba(0,0,0,0) !important;
	border-bottom: none !important;
	
	.el-checkbox__inner{
		--el-checkbox-bg-color: transparent !important;
	}
}
.el-table {
	background-color: rgba(0,0,0,0) !important;
	border-bottom: none !important;
}

.el-table--fit .el-table__inner-wrapper:before{
	background-color: rgba(0,0,0,0) !important;
}

// 设置表格经过时的背景
.el-table__row {
	position: relative;
	font-size: 14px;
	&::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0; /* 初始位置在盒子左侧 */
		right: 0;
		background: linear-gradient(90deg, rgba(6, 19, 62, 0) 0%, #1F87E7 50%, rgba(6, 19, 62, 0) 100%);
		transition: all 0.5s ease; /* 渐变背景的移动过渡效果 */
		opacity: 0; /* 初始透明度为0 */
	}
}
.el-table__row:hover::after {
	opacity: 0.4; /* 渐变背景完全显示 */
}
		
.td-bg{
	.tb-bg-span{
		position: relative;
		z-index: 1;
	}
	&::before {
		position: absolute;
		left: 10px;
		top: 3px;
		right: 10px;
		bottom: 2px;
		background-image: url('@/assets/images/icon/td-bg.png');
		background-size: 100% 100%;
		content: '';
		z-index: 0;
	}
}

.text-green2{
	color: #35D9D9;
}

.text-white2{
	color: rgba(255,255,255,0.8)
}

// 按钮样式
.btn-bg-blue {
	background-image: linear-gradient(135deg, #0c4189, #1b6dbe);
	border: none
}

.btn-bg-blue:hover {
	background-image: linear-gradient(0deg, #0c4189, #1b6dbe);
	border: none
}

.testList-war .el-input__wrapper, .testList-war .el-select__wrapper{
	background-color: rgba(255, 255, 255, 0) !important;
}

.testList-war .el-form-item__label, .testList-war .el-select__placeholder {
	color: #fff !important;
}

//重置文本框样式
.search-dark .layui-input{
	background-color: transparent !important;

	input, .layui-input-clear {
		color: rgba(255, 255, 255, 0.8)
	}
}

.search-dark .layui-checkbox-label{
	color: #fff !important;
}

.search-dark {
	.layui-input-disabled, .layui-input-disabled * {
		opacity: 0.6;
		color: #fff !important;
	}
	
	.layui-input-disabled input[disabled], .layui-input-disabled select[disabled] {
		background-color: #1f3963 !important;
	}
}

.search-light {
	
	.layui-input, .layui-textarea{
		background-color: transparent !important;
		border: 1px solid #1B3CAB !important;
		color: #1B3CAB;
		input, .layui-input-clear, textarea {
			color: #1B3CAB;
			
			&::placeholder {
				color: rgba(27,60,171,0.8);
			}
		}
	}
	
	.layui-form-label {
		font-weight: 700 !important;
		color: #1B3CAB;
		width: 150px !important;
	}
	
	.layui-textarea:hover, .layui-textarea:focus {
		border: 1px solid #1B3CAB !important;
	}
}

.paramseter-box{
	.layui-form-label {
		width: 130px !important;
	}
	.layui-select{
		width: 160px !important;
	}
	
	.layui-row{
		div:nth-of-type(4)  {
			.layui-form-label {
				width: 250px !important;
				font-weight: 400 !important;
			}
			.layui-select{
				width: 230px !important;
			}
		}
	}
}

.main-box-height{
	height: calc(100vh - 180px);
	overflow-y: auto;
}

.login-form .layui-input {
	border: 1px solid #1FE1FF
}

.casting-box .el-carousel__item, .casting-box .el-carousel--horizontal, .casting-box .el-carousel--vertical { 
	overflow: inherit !important;
}

.casting-box .el-carousel__indicators {
	display: none;
}

.solid-blue{
	border: 1px solid #1B3CAB;
}

.text-blue3{
	color: #1B3CAB;
}

.bg-blue-furn {
	background-color: #113067;
}

.bg-blue-title{
	background-image: linear-gradient(180deg, #0c4189, #1b6dbe);
	color: #fff !important;
}

.el-input-num {
	--el-fill-color-light: #153775; 
	--el-input-bg-color: transparent; 
	--el-fill-color-blank: transparent; 
	--el-input-text-color: #fff; 
	--el-text-color-regular: #fff
}


.cutting-box{
	.layui-select{
		width: 100% !important;
	}
	
	.layui-form-label {
		width: 90px !important;
	}
	
	.layui-row{
		div:nth-of-type(3)  {
			.layui-form-label {
				width: 150px !important;
			}
		}
		div:nth-of-type(4)  {
			.layui-form-label {
				width: 150px !important;
			}
		}
		div:nth-of-type(5)  {
			.layui-form-label {
				width: 150px !important;
			}
		}
		div:nth-of-type(6)  {
			.layui-form-label {
				width: 150px !important;
			}
		}
	}
}

.rest-el-checkbox,  {
	.el-checkbox__inner, .el-radio__inner{
		--el-checkbox-bg-color: transparent !important;
		--el-radio-input-bg-color: transparent !important;
	}
}


.mixed-table{
	.headerRowClassName th {
		font-size: 12px !important;
	}
	.cellClassName {
		font-size: 12px !important;
	}
	
	.cell{
		padding: 0 2px !important;
	}
}

//多级表头
.dj-table{
	.headerRowClassName{
		th {
			background-image: none !important;
			border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
			border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
		}
		// --el-table-border-color: transparent !important;
		// --el-table-border: 1px solid rgba(255, 255, 255, 0) !important;
		
		.el-table__cell {
			padding: 3px 0 !important;
		}
	}
	
	.el-table__header-wrapper{
		background-image: linear-gradient(180deg, #0c4189, #1b6dbe) !important;
		--el-fill-color-light: none !important;
		--el-table-tr-bg-color: transparent !important;
	}
	
	.el-table__inner-wrapper{
		--el-table-border-color: rgba(255, 255, 255, 0.3) !important;
		--el-table-border: 1px solid rgba(255, 255, 255, 0.3) !important;
	}
	
	.el-table--border:before{
		background-color: transparent !important;
	}
	.el-table--border::after{
		background-color: rgba(255, 255, 255, 0.3) !important;
	}
	.el-table__inner-wrapper:before {
		background-color: rgba(255, 255, 255, 0.3) !important;
	}
	
	.rowClassName, .cellClassName{
		border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
	}
	
	.dj-table2{
		.el-table__header-wrapper{
			background: linear-gradient( 180deg, #173494 0%, #328FD4 100%) !important;
		}
	}
}

.cast-popup{
	.layui-select {
		width: 100% !important;
	}
}